﻿* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;;
}

html {
	-ms-touch-action: none;
}

body,ul,li {
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
}

body {
	font-size: 12px;
	font-family: ubuntu, helvetica, arial;
	/* this is important to prevent the whole page to bounce */
}

#header {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background: #333543;
	padding: 0;
	color: #eee;
	font-size:17px;
	text-align: center;
	font-weight: bold;
}

#footer {
	position: fixed;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	height:55px;
	background: #444;
	padding: 0;
	border-top: 1px solid #444;
}

#content {
	position: absolute;
	z-index: 1;
	top: 45px;
	bottom: 48px;
	left: 0;
	width: 100%;
	background: #ccc;
	overflow: hidden;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#scroller #add {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
	min-height: 2000px;
	padding:0 10px;
}

#scroller li {
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	background-color: #fafafa;
	font-size: 14px;
}
#pullDown,#pullUp {  
    height: 40px;  
    line-height: 40px;  
    padding: 5px 10px;  
    font-weight: bold;  
    font-size: 14px;  
    color: #888;  
}  
  
#pullDown .pullDownIcon,#pullUp .pullUpIcon {  
    display: block;  
    float: left;  
    width: 40px;  
    height: 40px;  
    /*background: url(img/pull-icon@2x.png) 0 0 no-repeat;  */
    -webkit-background-size: 40px 80px;  
    background-size: 40px 80px;  
    -webkit-transition-property: -webkit-transform;  
    -webkit-transition-duration: 250ms;  
}  
  
#pullDown .pullDownIcon {  
    -webkit-transform: rotate(0deg) translateZ(0);  
}  
  
#pullUp .pullUpIcon {  
    -webkit-transform: rotate(-180deg) translateZ(0);  
}  
  
#pullDown.flip .pullDownIcon {  
    -webkit-transform: rotate(-180deg) translateZ(0);  
}  
  
#pullUp.flip .pullUpIcon {  
    -webkit-transform: rotate(0deg) translateZ(0);  
}  
  
#pullDown.loading .pullDownIcon,#pullUp.loading .pullUpIcon {  
    background-position: 0 100%;  
    -webkit-transform: rotate(0deg) translateZ(0);  
    -webkit-transition-duration: 0ms;  
    -webkit-animation-name: loading;  
    -webkit-animation-duration: 2s;  
    -webkit-animation-iteration-count: infinite;  
    -webkit-animation-timing-function: linear;  
}  
  
.-webkit-keyframes loading {  
    from {   
        -webkit-transform:rotate(0deg)translateZ(0);  
    }  
  
    .to {  
        -webkit-transform: rotate(360deg) translateZ(0);  
    }  
}  

.list_bottom_menu{width:100%;height:55px;  background: #333543;position:fixed;bottom: 0;left:0;z-index: 30;}
.list_bottom_menu .current{ background: #252631;}
.list_bottom_menu li{width:25%;float:left;}
.list_bottom_menu li a{display: block;padding:5px 0; text-align: center;color:#fff;}
.index_menu_btn .btn{display: block;width:20%;margin:3px auto}
.index_menu_btn .btn img{width:100%;}
.index_menu_text{margin-top:4px;font-size:14px;}


#add .data_items{background: #fff;border-radius: 5px;margin-top:10px;}
#add .data_items a{display:block;color:#8B8A8A;font-size: 17px;}
.order_list {position: relative;overflow: hidden;line-height: 30px; font-size: 14px;}
.order_title{color:#fff;background: #ec6d65;    border-top-left-radius: 5px; border-top-right-radius: 5px;}
.c_l{width:70%;float:left;padding-left:10px;}
.c_r{position:absolute;display: block;right:10px;height:30px; line-height: 30px;}
#add .order_content{font-size: 14px;}
#add .order_content .data_item{margin-top:0 ;}
#add .order_bottom{font-size: 14px;}
.order_list .data_item{position: relative; overflow: hidden;}
#add .item_data_order{background: #fff;margin-top:10px;border-radius:5px;line-height: 30px;color:#666;}
.order_bottom:before{position: absolute;right: 0;top: 0;left: 10px;height: 1px;content: '';width:95%;-webkit-transform: scaleY(.5);transform: scaleY(.5);background-color: #ec6d65;}

.order_detail{position:absolute;top:0;left:0;font-size:16px;width:100%;min-height:100%; padding-top:10px;z-index: 40; display: none; }
.order_detail_wrap{position: absolute;top:0;left:0;width:100%;min-height:100%;z-index: 41; background: rgba(0,0,0,0.7);}
.order_detail_content{padding:10px; position: absolute;top: 0px;left: 0;width: 100%;z-index: 42;}
.item_data{background: #fff;margin-top:10px;border-radius:5px;line-height: 30px;color:#666;width: 100%;
    overflow: hidden;
}
.order_detail_list span{width:50%;display: block; text-align: center; float:left;font-size:14px;color:#8B8A8A}
.order_detail_list span.no_used{color:#ec6d65}


.order_detail_in{padding:0 10px;}
.order_detail_list{font-size:14px;}

.order_detail_list .before_list span{color:#666}
.order_detail_list span.no_used{color:#ec6d65}
.order_detail_rule{font-size: 14px;line-height:24px;color:#8B8A8A;margin:10px 0 0 0; padding: 0 10px;}
.order_detail_rule span{font-weight: bold;color:#666}
#goback{width:30%;margin:30px auto 15px;display:block;height:40px;border:0;background: #ec6d65;border-radius:5px;font-size: 16px;color:#fff;;}


.order_detail_list{position: relative;width: 100%;
   
    overflow: auto;}
.order_detail_list:before{position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #EC6D65;
    top: 1px;height:0px;background:none;border:1px dashed #ec6d65;}
.order_detail_list:after{position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #EC6D65;
    bottom: 0px;height:0px;background:none;border:1px dashed #ec6d65;}
.padding_contn{padding:10px;}


.padding_contn{
min-height:120px;
max-height:330px;
overflow: hidden;
}
#wrapper {
	position: relative;
	overflow: hidden;
	z-index:9999;

	/* Prevent native touch events on Windows */
	-ms-touch-action: none;

	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.datas_item{position: relative;}
.datas_item p{margin:0;}
.datas_item .c_r{position: absolute;height:60px;line-height: 60px;font-size: 20px;}


